<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      明白了！你希望输出的是一个滑动窗口效果，每次取两个连续的元素。下面是实现这种效果的几种方式。
    </title>
    <script src="../helpers/bing.js"></script>
  </head>
  <body>
    <script>
      const arr = ["a", "b", "c", "d", "e"];

      for (let i = 0; i < arr.length - 1; i++) {
        const batch = [arr[i], arr[i + 1]]; // 每次取两个连续的元素
        // 判断第一条记录
        if (i === 0) {
          console.log("第一条记录, 当前元素 第一条:", batch);
        } else if (i === arr.length - 2) {
          // 判断最后一条记录
          console.log("最后一条记录, 当前元素 第二条:", batch);
        } else {
          console.log("其他记录, 当前元素 第一条:", batch);
        }
      }

      console.log("-------------------------------------");

      arr.forEach((_, index) => {
        if (index < arr.length - 1) {
          // 确保不越界
          const batch = [arr[index], arr[index + 1]];
          if (index === 0) {
            console.log("第一条记录, 当前元素 第一条:", batch);
          } else if (index === arr.length - 2) {
            // 判断最后一条记录
            console.log("最后一条记录, 当前元素 第二条:", batch);
          } else {
            console.log("其他记录, 当前元素 第一条:", batch);
          }
        }
      });
    </script>
  </body>
</html>
